import React,{ Component } from "react";
import { View,Text,StyleSheet,Image,TouchableOpacity } from "react-native";
export default class index extends Component {
    render(){
        return (
            <View style={ styles.conatiner }>
                <TouchableOpacity onPress={()=>{

                }}>
                <View style={ styles.Head }>
                    <Image style={ styles.Image } source={ require('../../../res/image/Home_4.jpg') }/>
                    <View>
                        <Text style={{ fontSize:15,fontWeight: 'bold' }}>秋天的风</Text>
                        <Text style={{ fontSize:13,color:'#b0b0b0',marginTop: 13 }}>用户名: admin</Text>
                    </View>
                </View>
                </TouchableOpacity>
                {/*昵称*/}
                <View style={ styles.itemStyle } >
                    <Text>昵称</Text>
                    <View style={styles.TextRight}>
                        <Text style={{fontSize:13,color:'#b0b0b0'}}>秋天的风</Text>
                        <Image style={{tintColor:'#b0b0b0'}} source={ require('../../../res/image/ic_tiaozhuan.png') } />
                    </View>
                </View>
                {/*联系电话*/}
                <View style={ styles.itemStyle } >
                    <Text>联系电话</Text>
                    <View style={styles.TextRight}>
                        <Text style={{fontSize:13,color:'#b0b0b0'}}>15148848847</Text>
                        <Image style={{tintColor:'#b0b0b0'}} source={ require('../../../res/image/ic_tiaozhuan.png') } />
                    </View>
                </View>
                {/*性别*/}
                <View style={ styles.itemStyle } >
                    <Text>性别</Text>
                    <View style={styles.TextRight}>
                        <Text style={{fontSize:13,color:'#b0b0b0'}}>男</Text>
                        <Image style={{tintColor:'#b0b0b0'}} source={ require('../../../res/image/ic_tiaozhuan.png') } />
                    </View>
                </View>
                {/*民族*/}
                <View style={ styles.itemStyle } >
                    <Text>民族</Text>
                    <View style={styles.TextRight}>
                        <Text style={{fontSize:13,color:'#b0b0b0'}}>汉族</Text>
                        <Image style={{tintColor:'#b0b0b0'}} source={ require('../../../res/image/ic_tiaozhuan.png') } />
                    </View>
                </View>
                {/*出生日期*/}
                <View style={ styles.itemStyle } >
                    <Text>出生日期</Text>
                    <View style={styles.TextRight}>
                        <Text style={{fontSize:13,color:'#b0b0b0'}}>1994-11-30</Text>
                        <Image style={{tintColor:'#b0b0b0'}} source={ require('../../../res/image/ic_tiaozhuan.png') } />
                    </View>
                </View>
                {/*是否党员*/}
                <View style={ styles.itemStyle } >
                    <Text>是否党员</Text>
                    <View style={styles.TextRight}>
                        <Text style={{fontSize:13,color:'#b0b0b0'}}>是</Text>
                        <Image style={{tintColor:'#b0b0b0'}} source={ require('../../../res/image/ic_tiaozhuan.png') } />
                    </View>
                </View>
                {/*所在支部*/}
                <View style={ styles.itemStyle } >
                    <Text>所在支部</Text>
                    <View style={styles.TextRight}>
                        <Text style={{fontSize:13,color:'#b0b0b0'}}>鄂尔多斯委员会</Text>
                        <Image style={{tintColor:'#b0b0b0'}} source={ require('../../../res/image/ic_tiaozhuan.png') } />
                    </View>
                </View>
            </View>
        )
    }
}

const styles = StyleSheet.create({
    conatiner:{
        flex:1,
        padding:15,
        backgroundColor:'white',
    },
    Head:{
        height:60,
        flexDirection: 'row',
        alignItems: 'center',
        borderBottomColor:'#ccc',
        borderBottomWidth: 1,
        paddingBottom:20,
        marginTop: 28,
    },
    Image:{
        width:60,
        height:60,
        borderRadius:50,
        marginRight: 15,
    },
    itemStyle:{
        height:47,
        flexDirection: 'row',
        justifyContent: 'space-between',
        paddingTop: 15,
        paddingBottom: 15,
        borderBottomWidth: 1,
        borderBottomColor: '#ccc',
        fontSize:15,
    },
    TextRight:{
        flexDirection:'row',
        justifyContent: 'center',
        alignItems: 'center',
    }
});